<template>
	<view class="wrap">
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<template v-slot:content>我的预约</template> 
		</custom-nav-sq-xcx>
		<sq-order-tab
			:orderStaArr="orderStaArr"
			:orderStaIndex="orderStaIndex"
			@swithOrderTab="swithOrderTab"
		></sq-order-tab>
		<view class="padd">
			<view class="yybsItem">
				<view class="yybsTit">
					<text class="myTag">问题标签</text>
					<text>发的十分恐惧发生的纠纷凉快点十几分</text>
				</view>
				<view class="yybsCon">发生的放了假官方打工浪费的结果发动机是浪费时间看高峰到来</view>
				<view class="yybsBot spaceBet">
					<view class="pubTime">2023-12-20 12:20:22</view>
					<view class="status">待回复</view>
				</view>
			</view>
			<view class="yybsItem">
				<view class="yybsTit">
					<text class="myTag">问题标签</text>
					<text>发的十分恐惧发生的纠纷凉快点十几分</text>
				</view>
				<view class="yybsCon">发生的放了假官方打工浪费的结果发动机是浪费时间看高峰到来</view>
				<view class="yybsBot spaceBet">
					<view class="pubTime">2023-12-20 12:20:22</view>
					<view class="status">待回复</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import SqOrderTab from '../components/SqOrderTab'
	export default {
		components:{
			SqOrderTab
		},
		data(){
			return{
				orderStaArr:[
					{id:'0',name:'待回复'},
					{id:'1',name:'已回复'}
				],
				orderStaIndex:0,
			}
		},
		methods: {
			swithOrderTab(index,item){
				this.orderStaIndex = index;
			}
		},
	}
</script>

<style lang="scss">
	page{background: $sq-fuf;}
</style>
<style lang="scss" scoped> 
	.wrap{
		padding:100rpx 0 1rpx;
	}
	@import '@/static/scss/sqMyYybs.scss';
</style>